<template>
	<view style="display: flex; height: 30px; color: black;">
		<view style="width: 50%;text-align: center;border-bottom:1px solid #7474fc;color: #7474fc">招宣组1</view>
		<view style="width: 50%; text-align: center;">招宣组2</view>
	</view>
  <view class="container">
    <view class="activity-name" style="display: flex;justify-content: space-between">
		<view style="font-size:30px;">活动名称1</view>
		<view style="color: #7474fc;">分享</view>
		</view>
	
    <view class="share">
		<view>组长</view>
		<view>李明</view>
	</view>
	<view class="share">
		<view>副组长</view>
		<view>李明</view>
	</view>
	<view class="share">
		<view>联络员</view>
		<view>李明</view>
	</view>
	<view style="background-color: #fff;">
    <text class="members-title" style="background-color:#fff;font-size: 400;">活动成员</text>
    <view class="member">
      <text class="name">姓名</text>
      <text class="school">所在校单位</text>
      <text class="position">职务</text>
      <text class="phone">联系电话</text>
    </view>
    <view class="member">
      <text class="name">李明</text>
      <text class="school">A单位</text>
      <text class="position">教师</text>
      <text class="phone" style="color: blue;">1588888888</text>
    </view>
    <view class="member">
      <text class="name">王海</text>
      <text class="school">A单位</text>
      <text class="position">教师</text>
      <text class="phone" style="color: blue;">1588888888</text>
    </view>
	</view>
	<view style="background-color: #fff; margin-top: 20px;">
		
    <view class="recent-summary-title">最近的一条活动总结</view>
    <view class="recent-summary-id">#10001关联活动标题</view>
    <text class="recent-summary-content" style="color: #aaa">
	活动总结活动总结活动总结活动总结活动总结活动总结活动总结
	活动总结活动总结活动总结活动总结活动总结活动总结活动总结
	
	
	活动总结活动总结活动总结活动总结活动总结活动总结活动总结
	
	
	活动总结活动总结活动总结活动总结活动总结活动总结活动总结
	
	活动总结活动总结活动总结活动总结活动总结活动总结活动总结活动总结活动总结活动</text>
    </view>
    <view style="background-color: #fff;margin-top: 3px;padding: 5px;">	<view class="summary-date">记录于2023/03/21 00:00:00</view>
    <view class="summary-recorder">记录人：周彬</view>
    <view class="exit-group">退出本组</view>
	</view>
	<button type="warn" style="background-color: #fff; color: red; border: 3px solid red;">退出本组</button>
  </view>
</template>

<style>
.container {
  padding: 10px;
}

.title, .subtitle, .activity-name, .share, .members-title, .recent-summary-title, .recent-summary-id, .recent-summary-content, .summary-date, .summary-recorder, .exit-group {
  font-size: 16px;
  margin-bottom: 10px;
}

.member {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
}
.share {
	background-color: #fff;
	height: 45px;
	padding: 5px;
	border-radius: 3px;
}

.name, .school, .position, .phone {
  font-size: 14px;
  margin-bottom: 5px;
}
page {
	background-color: #f5f5f5;
}
</style>